<template>
  <div id="app">
    <keep-alive>
      <router-view v-if="$route.meta.keepAlive"/>
    </keep-alive>
    <router-view v-if="!$route.meta.keepAlive" />
    <Alert></Alert>
    <prizeAlert></prizeAlert>
    <joinAlert></joinAlert>
    <Charge></Charge>
    <Sure></Sure>
    <Loading></Loading>
    <Feedback></Feedback>
  </div>
</template>

<script>
import Alert from "./components/common/dia/alert";
import prizeAlert from "./components/common/dia/prize.vue";
import joinAlert from "./components/common/dia/join";
import Charge from "./components/common/dia/charge";
import Sure from "./components/common/dia/sure.vue";
import Loading from "./components/common/dia/loading";
import Feedback from "./components/common/dia/feedback.vue";
export default {
  components: { Alert, prizeAlert, joinAlert, Charge, Sure, Loading, Feedback },
  name: "App",
  data() {
    return {
      // isHomepage: false
    };
  },
  mounted() {
    
  }
};
</script>

<style scoped>
#app {
  height: 100%;
  overflow: hidden;
}
</style>
